<%@ page import="fm.cache.ConfigCache" %><%--
  Created by IntelliJ IDEA.
  User: 蔻丁同学
  Date: 2017/2/23
  Time: 22:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<jsp:include page="common/header.jsp"></jsp:include>

<%--顶部导航开始--%>
<nav class="navbar navbar-default top-navbar" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle waves-effect waves-dark" data-toggle="collapse"
                data-target=".sidebar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a target="_self" class="navbar-brand waves-effect waves-dark" href="index.html"><i
                class="large material-icons">insert_chart</i> <strong>${WEB_TITLE}</strong></a>

        <div id="sideNav" href="" class=""><i class="material-icons dp48">toc</i></div>
    </div>

    <ul class="nav navbar-top-links navbar-right">
        <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown4"><i
                class="fa fa-envelope fa-fw"></i> <i class="material-icons right">arrow_drop_down</i></a>
            <ul id="dropdown4" class="dropdown-content dropdown-tasks w250"
                style="width: 73px; position: absolute; top: 0px; left: 0px; display: none; opacity: 1;">
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <strong>John Doe</strong>
                            <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
                        </div>
                        <div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <strong>John Smith</strong>
                            <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                        </div>
                        <div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <strong>John Smith</strong>
                            <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                        </div>
                        <div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" class="text-center" href="#">
                        <strong>Read All Messages</strong>
                        <i class="fa fa-angle-right"></i>
                    </a>
                </li>
            </ul>
        </li>
        <li><a target="mainFrame" class="dropdown-button waves-effect waves-dark" href="#!"
               data-activates="dropdown3"><i
                class="fa fa-tasks fa-fw"></i> <i class="material-icons right">arrow_drop_down</i></a>
            <ul id="dropdown3" class="dropdown-content dropdown-tasks w250"
                style="width: 73px; position: absolute; top: 0px; left: 0px; display: none; opacity: 1;">
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <p>
                                <strong>Task 1</strong>
                                <span class="pull-right text-muted">60% Complete</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                    <span class="sr-only">60% Complete (success)</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <p>
                                <strong>Task 2</strong>
                                <span class="pull-right text-muted">28% Complete</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 28%">
                                    <span class="sr-only">28% Complete</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <p>
                                <strong>Task 3</strong>
                                <span class="pull-right text-muted">60% Complete</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                    <span class="sr-only">60% Complete (warning)</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <p>
                                <strong>Task 4</strong>
                                <span class="pull-right text-muted">85% Complete</span>
                            </p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                    <span class="sr-only">85% Complete (danger)</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                </li>
            </ul>
        </li>
        <li><a target="mainFrame" class="dropdown-button waves-effect waves-dark" href="#!"
               data-activates="dropdown2"><i
                class="fa fa-bell fa-fw"></i> <i class="material-icons right">arrow_drop_down</i></a>
            <ul id="dropdown2" class="dropdown-content w250"
                style="width: 73px; position: absolute; top: 0px; left: -182px; display: none; opacity: 1;">
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <i class="fa fa-comment fa-fw"></i> New Comment
                            <span class="pull-right text-muted small">4 min</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                            <span class="pull-right text-muted small">12 min</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <i class="fa fa-envelope fa-fw"></i> Message Sent
                            <span class="pull-right text-muted small">4 min</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <i class="fa fa-tasks fa-fw"></i> New Task
                            <span class="pull-right text-muted small">4 min</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" href="#">
                        <div>
                            <i class="fa fa-upload fa-fw"></i> Server Rebooted
                            <span class="pull-right text-muted small">4 min</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a target="mainFrame" class="text-center" href="#">
                        <strong>See All Alerts</strong>
                        <i class="fa fa-angle-right"></i>
                    </a>
                </li>
            </ul>
        </li>
        <li><a target="mainFrame" class="dropdown-button waves-effect waves-dark" href="#!"
               data-activates="dropdown1"><i
                class="fa fa-user fa-fw"></i> <b>John Doe</b> <i class="material-icons right">arrow_drop_down</i></a>
            <ul id="dropdown1" class="dropdown-content"
                style="width: 146px; position: absolute; top: 0px; left: -19px; display: none; opacity: 1;">
                <li><a target="mainFrame" href="#"><i class="fa fa-user fa-fw"></i> My Profile</a>
                </li>
                <li><a target="mainFrame" href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                </li>
                <li><a target="mainFrame" href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>
<%--顶部导航结束--%>

<%--左侧导航开始--%>
<nav class="navbar-default navbar-side" role="navigation">
    <div class="sidebar-collapse">
        <ul class="nav" id="main-menu">

            <li>
                <a target="mainFrame" class="active-menu waves-effect waves-dark" href="${ctx}/admin/home"><i
                        class="fa fa-dashboard"></i>
                    首页</a>
            </li>
            <li>
                <a target="mainFrame" href="#" class="waves-effect waves-dark"><i class="fa fa-sitemap"></i> 营销管理<span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li>
                        <a target="mainFrame" href="${ctx}/activity">流量兑换活动</a>
                    </li>
                    <li>
                        <a target="mainFrame" href="#">通用营销活动<span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level collapse">
                            <li>
                                <a target="mainFrame" href="#">大转盘送流量</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="#">石头剪刀布赢流量</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="#">关注送流量</a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </li>
            <li>
                <a target="mainFrame" href="#" class="waves-effect waves-dark"><i class="fa fa-sitemap"></i> 官网配置<span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li>
                        <a target="mainFrame" href="#">基础配置</a>
                    </li>
                    <li>
                        <a target="mainFrame" href="#">模块管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level collapse">
                            <li>
                                <a target="mainFrame" href="#">首页</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="#">关于我们</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="#">成功案例</a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </li>

            <li>
                <a target="mainFrame" href="#" class="waves-effect waves-dark"><i class="fa fa-sitemap"></i> 商城管理<span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li>
                        <a target="mainFrame" href="#">商品管理</a>
                    </li>
                    <li>
                        <a>订单管理</a>
                    </li>
                    <li>
                        <a>配置管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level collapse">
                            <li>
                                <a target="mainFrame" href="${ctx}/admin/config">基础配置</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="${ctx}/admin/wechat/config">微信配置</a>
                            </li>
                            <li>
                                <a target="mainFrame" href="#">其他配置</a>
                            </li>

                        </ul>

                    </li>
                </ul>
            </li>
            <li>
                <a class="waves-effect waves-dark"><i class="fa fa-fw fa-file"></i> 系统设置</a>
            </li>
        </ul>

    </div>

</nav>
<%--左侧导航结束--%>